<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">

  <!-- Start of Baidu Transcode -->
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta name="applicable-device" content="pc,mobile">
  <meta name="MobileOptimized" content="width"/>
  <meta name="HandheldFriendly" content="true"/>
  <meta name="mobile-agent" content="format=html5;url=https://www.jianshu.com/u/1f848f905f6a">
  <!-- End of Baidu Transcode -->


  <meta name="360-site-verification" content="604a14b53c6b871206001285921e81d8" />
  <meta property="wb:webmaster" content="294ec9de89e7fadb" />
  <meta property="qc:admins" content="104102651453316562112116375" />
  <meta property="qc:admins" content="11635613706305617" />
  <meta property="qc:admins" content="1163561616621163056375" />
  <meta name="google-site-verification" content="cV4-qkUJZR6gmFeajx_UyPe47GW9vY6cnCrYtCHYNh4" />
  <meta name="google-site-verification" content="HF7lfF8YEGs1qtCE-kPml8Z469e2RHhGajy6JPVy5XI" />
  <meta http-equiv="mobile-agent" content="format=html5; url=https://www.jianshu.com/u/1f848f905f6a">

  <!-- Apple -->
  <meta name="apple-mobile-web-app-title" content="简书">

  

    <title>1f848f905f6a - 简书</title>

  <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="Qit8GIPqQan+Xr6n6Vg8/VGWunqbvb1HA4EKFecwZvjU4JGOd8+w339K8rqTQodOI2/vibbcDiOSk2ce9EuxvA==" />

    <link rel="stylesheet"  th:href="@{css/entry-8e775d8bb60eed8c1bc2.css}">
    <link rel="stylesheet"  th:href="@{css/web-d5108cec60c4ed55f041.css}">
    <!-- Start of 访问统计 -->
   <!-- <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?0c0e9d9b1e7d617b3e6842e85b9fb068";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>-->
    <!-- End of 访问统计 -->
</head>

<body lang="zh-CN" class="reader-black-font">
<!-- 全局顶部导航栏 -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="width-limit">
        <!-- 左上方 Logo -->
        <a class="logo" href="/"><img src="//cdn2.jianshu.io/assets/web/nav-logo-4c7bbafe27adc892f3046e6978459bac.png" alt="Nav logo" /></a>

        <!-- 右上角 -->
        <!-- 判断是否登陆显示不同菜单 -->
        <table>
            <tr th:if="${session.username==null}">
                <!-- 未登录显示登录/注册/写文章 -->
                <a class="btn write-btn" target="_blank" href="/writer#/"> <i class="iconfont ic-write"></i>写文章 </a>
                <a class="btn sign-up" id="sign_up" href="/register.do">注册</a>
                <a class="btn log-in" id="sign_in" href="/login.do">登录</a>
            </tr>
            <tr th:if="${session.username!=null}">
                <!-- 登录显示写文章 -->
                <a class="btn write-btn" target="_blank" href="/writer#/">
                    <i class="iconfont ic-write"></i>写文章
                </a>
                <!-- 如果用户登录，显示下拉菜单 -->
                <div class="user">
                    <div data-hover="dropdown">
                        <a class="avatar" href=""><img
                                src="//upload.jianshu.io/users/upload_avatars/13780134/b8dd9b01-3d93-454f-9c8d-125568312459?imageMogr2/auto-orient/strip|imageView2/1/w/120/h/120"
                                alt="120"/></a>
                    </div>
                    <ul class="dropdown-menu">
                        <li>
                            <a th:href="'/user-index.do?username='+${user.username}">
                                <i class="iconfont ic-navigation-profile"></i><span>我的主页</span>
                            </a></li>
                        <li>
                            <!-- TODO bookmarks_path -->
                            <a href="/bookmarks">
                                <i class="iconfont ic-navigation-mark"></i><span>收藏的文章</span>
                            </a></li>
                        <li>
                            <a href="">
                                <i class="iconfont ic-navigation-like"></i><span>喜欢的文章</span>
                            </a></li>
                        <li>
                            <a href="">
                                <i class="iconfont ic-paid"></i><span>已购内容</span>
                            </a></li>
                        <li>
                            <a href="/wallet">
                                <i class="iconfont ic-navigation-wallet"></i><span>我的钱包</span>
                            </a></li>
                        <li>
                            <a href="/settings">
                                <i class="iconfont ic-navigation-settings"></i><span>设置</span>
                            </a></li>
                        <li>
                            <a href="/faqs">
                                <i class="iconfont ic-navigation-feedback"></i><span>帮助与反馈</span>
                            </a></li>
                        <li>
                            <a rel="nofollow" data-method="delete" href="/sign_out">
                                <i class="iconfont ic-navigation-signout"></i><span>退出</span>
                            </a></li>
                    </ul>
                </div>
            </tr>
        </table>
        <div id="view-mode-ctrl">
        </div>
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu" aria-expanded="false">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse" id="menu">
                <ul class="nav navbar-nav">
                    <li class="tab ">
                        <a href="/">
                            <span class="menu-text">发现</span><i class="iconfont ic-navigation-discover menu-icon"></i>
                        </a>            </li>
                    <li class="tab ">
                        <a href="/subscriptions">
                            <span class="menu-text">关注</span><i class="iconfont ic-navigation-follow menu-icon"></i>
                        </a>            </li>
                    <li class="tab notification v-notification-dropdown-menu ">
                        <a class="notification-btn" href="/notifications" data-hover="dropdown">
                            <span class="menu-text">消息</span>
                            <i class="iconfont ic-navigation-notification menu-icon"></i>
                            <span class="badge"></span>
                        </a>
                    </li>
                    <li class="search">
                        <form target="_blank" action="/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" />
                            <input type="text" name="q" id="q" value="" autocomplete="off" placeholder="搜索" class="search-input" />
                            <a class="search-btn" href="javascript:void(null)"><i class="iconfont ic-search"></i></a>
                        </form>          </li>
                </ul>
            </div>
        </div>
    </div>
</nav>




<div class="container person">
    <div class="row">
        <div class="col-xs-16 main">
            <!-- 用户基础信息 -->
            <div class="main-top">

                <a class="avatar" href="">
                    <img src="//upload.jianshu.io/users/upload_avatars/13780134/b8dd9b01-3d93-454f-9c8d-125568312459?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240" alt="240" />
                </a>

                <div class="title">
                    <a class="name" href="">
                        <p th:text="${user.name}"></p></a>
                </div>
                <div class="info">
                    <ul>
                        <li>
                            <div class="meta-block">
                                <a href="">
                                    <p th:text="${user.attentionnum}"></p>
                                    关注 <i class="iconfont ic-arrow"></i>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="meta-block">
                                <a href="">
                                    <p th:text="${user.fansnum}"></p>  粉丝 <i class="iconfont ic-arrow"></i>
                                </a>        </div>
                        </li>
                        <li>
                            <div class="meta-block">
                                <a href="">
                                    <p th:text="${user.articlenum}"></p>
                                    文章 <i class="iconfont ic-arrow"></i>
                                </a>        </div>
                        </li>
                        <li>
                            <div class="meta-block">
                                <p th:text="${user.wordsnum}"></p>
                                <div>字数</div>
                            </div>
                        </li>
                        <li>
                            <div class="meta-block">
                                <p>0</p>
                                <div>收获喜欢</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 用户动态 -->
            <div id="outer-container">
                <ul class="trigger-menu" data-pjax-container="#list-container">
                    <li class="">
                        <a th:href="'/user/article.do?username='+${user.username}" th:onclick=""><i class="iconfont ic-articles"></i> 文章</a></li>
                    <li class="active">a
                        <a href="/users/1f848f905f6a/timeline"><i class="iconfont ic-feed"></i> 动态</a></li>
                    <li class="">
                        <a href="/u/1f848f905f6a?order_by=commented_at"><i class="iconfont ic-latestcomments"></i> 最新评论</a></li>
                    <li class="">
                        <a href="/u/1f848f905f6a?order_by=top"><i class="iconfont ic-hot"></i> 热门</a></li>
                </ul>

                <div id="list-container">
                    <!-- 动态列表模块 -->
                    <ul class="note-list" infinite-scroll-url="/users/1f848f905f6a/timeline">

                        <li id="note-33333825" data-note-id="33333825" class="">
                            <div class="content">
                                <a class="title" target="_blank" href="/p/4aab918be3ae">无声的世界</a>
                                <p class="abstract">
                                    这是我第一次用手机写作。     虽然达不到沐浴更衣焚香后正襟危坐，伏案写作的地步，一直以来我都是坚持用一台10年高龄的联想笔记本码字...
                                </p>
                                <div class="meta">
                                    <a target="_blank" href="/p/4aab918be3ae">
                                        <i class="iconfont ic-list-read"></i> 226
                                    </a>        <a target="_blank" href="/p/4aab918be3ae#comments">
                                    <i class="iconfont ic-list-comments"></i> 5
                                </a>      <span><i class="iconfont ic-list-like"></i> 3</span>
                                    <span class="time" data-shared-at="2018-09-05T14:50:17+08:00"></span>
                                </div>
                            </div>
                        </li>


                        <!-- 加入了简书 -->
                        <li id="feed-345320129">
                            <div class="content">
                                <div class="author author-restyle">
                                    <a class="avatar" href="/u/1f848f905f6a">
                                        <img src="" alt="180" />
                                    </a>      <div class="info">
                                    <a class="nickname" href="/u/1f848f905f6a">1f848f905f6a</a>
                                    <span data-type="join_jianshu" data-datetime="2018-08-26T20:10:22+08:00"></span>
                                </div>
                                </div>
                            </div>
                        </li>


                    </ul>

                </div>
            </div>
        </div>

        <div class="col-xs-7 col-xs-offset-1 aside">
            <div class="description">
                <div class="js-intro"></div>


            </div>
            <div class="publication-list"></div>
            <div class="course-list"></div>
            <ul class="list user-dynamic">
                <li>
                    <a href="/users/1f848f905f6a/subscriptions">
                        <i class="iconfont ic-collection"></i> <span>我关注的专题/文集/连载</span>
                    </a>    </li>
                <li>
                    <a href="/users/1f848f905f6a/liked_notes">
                        <i class="iconfont ic-like"></i> <span>我喜欢的文章</span>
                    </a>    </li>
            </ul>
            <!-- 专题和文集 -->
            <div class="js-collection-and-notebook-container"></div>
        </div>

    </div>
</div>

<script type="application/json" data-name="page-data">{"user_signed_in":true,"locale":"zh-CN","os":"windows","read_mode":"day","read_font":"font2","current_user":{"id":13780134,"nickname":"1f848f905f6a","slug":"1f848f905f6a","avatar":"http://upload.jianshu.io/users/upload_avatars/13780134/b8dd9b01-3d93-454f-9c8d-125568312459","unread_counts":{"chats":1,"total":1}},"user":{"slug":"1f848f905f6a","gender":0},"has_collections":false}</script>

<script src="//cdn2.jianshu.io/assets/babel-polyfill-6cd2d6b53fe3184b71cc.js" crossorigin="anonymous"></script>
<script src="//cdn2.jianshu.io/assets/web-base-d2e54f6e8ed830bd798a.js" crossorigin="anonymous"></script>
<script src="//cdn2.jianshu.io/assets/web-d2a4ec7c1333d209f07b.js" crossorigin="anonymous"></script>

<script src="//cdn2.jianshu.io/assets/web/pages/users/show/entry-1b51a01c2a466871d2ae.js" crossorigin="anonymous"></script>
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script th:src="@{js/jquery-3.2.1.min.js}"></script>
    <script th:src="@{js/index.js}"></script>
  </body>
</html>